<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	  xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5">

<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>vue-boot权限管理系统</title>
	<link rel="icon" href="img/favicon.ico">
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
  

    <link rel="stylesheet" href="../static/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../static/plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="../static/plugins/adminLTE/css/skins/_all-skins.min.css">
    <link rel="stylesheet" href="../static/css/style.css">
    <script src="../static/plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="../static/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="../static/plugins/adminLTE/js/app.min.js"></script>
    <script type="text/javascript">   
		 function SetIFrameHeight(){
		  	  var iframeid=document.getElementById("iframe"); //iframe id
		  	  if (document.getElementById){
		  		iframeid.height =document.documentElement.clientHeight;			   	   
			  }
		 }
    
	</script>    
 
</head>

<body class="hold-transition skin-green sidebar-mini" >

    <div class="wrapper">

        <!-- 页面头部 -->
        <header class="main-header">
            <!--顶部左侧-->
            <a href="index.html" class="logo" style="background: #1a2226;">
                <span class="logo-mini"><b>vue-boot</b></span>
                <span class="logo-lg"><b>vue-boot</b></span>
            </a>
            <!--顶部右侧-->
            <nav class="navbar navbar-static-top" style="background: #222d32;">
                <div class="navbar-custom-menu">
                    <ul class="nav navbar-nav">



                        <li class="dropdown user user-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
								<li class="hidden-xs" >用户名：<span sec:authentication="name"></span></li>
                            </a>
                        </li>
						<li><a href="/logout">退出</a></li>
                    </ul>
                </div>
            </nav>
        </header>

        <!-- 导航侧栏 -->
        <aside class="main-sidebar">

            <section class="sidebar">

                <div class="user-panel">
                    <div class="pull-left image">
                        <img src="../static/img/logo.png" style="border-radius: 200px" class="img-circle" alt="User Image">
                    </div>
                    <div class="pull-left info">
                        <p>&nbsp;<span sec:authentication="name"/> </p>
                        <a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
                    </div>
                </div>
                <ul class="sidebar-menu"  >
                    <li class="header">菜单</li>
                    <li id="admin-index"><a href="/welcome" target="iframe"><i class="fa fa-dashboard"></i> <span>首页</span></a></li>

				    <!-- 菜单 -->
				    <li class="treeview" sec:authorize="hasRole('super')">
				        <a href="#">
				            <i class="fa fa-folder"></i> 
				            <span>权限管理</span>
				            <span class="pull-right-container">
				       			<i class="fa fa-angle-left pull-right"></i>
				   		 	</span>
				        </a>
				        <ul class="treeview-menu" >
				
				            <li id="admin-login1" >
				                <a href="/page/Admin" target="iframe">
				                    <i class="fa fa-circle-o"></i>用户列表
				                </a>
				            </li>
							<li id="admin-login2">
				                <a href="/page/Authority" target="iframe">
				                    <i class="fa fa-circle-o"></i>用户权限
				                </a>
				            </li>
				        </ul>                        
				    </li>
					<li class="treeview" sec:authorize="hasRole('super')">
						<a href="#">
							<i class="fa fa-folder"></i>
							<span>日志管理</span>
							<span class="pull-right-container">
				       			<i class="fa fa-angle-left pull-right"></i>
				   		 	</span>
						</a>
						<ul class="treeview-menu">
							<li >
								<a href="/page/LoginLog" target="iframe">
									<i class="fa fa-circle-o"></i>登录日志
								</a>
							</li>
							<li >
								<a href="/page/OpsLog" target="iframe">
									<i class="fa fa-circle-o"></i>操作日志
								</a>
							</li>
						</ul>
					</li>
					<li class="treeview">
				        <a href="#" sec:authorize="hasRole('employee')">
				            <i class="fa fa-folder"></i> 
				            <span>部门管理</span>
				            <span class="pull-right-container">
				       			<i class="fa fa-angle-left pull-right"></i>
				   		 	</span>
				        </a>
				        <ul class="treeview-menu">
				            <li id="admin-login3">
				                <a href="/page/department" target="iframe">
				                    <i class="fa fa-circle-o"></i>部门列表
				                </a>
				            </li>
				        </ul>
						<ul class="treeview-menu">
							<li id="admin-login4">
								<a href="/page/departmentUser" target="iframe">
									<i class="fa fa-circle-o"></i>部门员工
								</a>
							</li>
						</ul>
				    </li>
					
					<li class="treeview">
				        <a href="#">
				            <i class="fa fa-folder"></i> 
				            <span>广告管理</span>
				            <span class="pull-right-container">
				       			<i class="fa fa-angle-left pull-right"></i>
				   		 	</span>
				        </a>
				        <ul class="treeview-menu">
				            <li id="admin-login8">
				                <a href="content_category.html" target="iframe">
				                    <i class="fa fa-circle-o"></i>广告分类管理
				                </a>
				            </li>
							<li id="admin-login9">
				                <a href="content.html" target="iframe">
				                    <i class="fa fa-circle-o"></i>广告管理
				                </a>
				            </li>
				        </ul>                        
				    </li>
				    <!-- 菜单 /-->

                </ul>
            </section>
            <!-- /.sidebar -->
        </aside>

        <!-- 内容区域 -->
        <div class="content-wrapper">
			<iframe width="100%" id="iframe" name="iframe" 	onload="SetIFrameHeight()"
					frameborder="0" src="/welcome" scrolling="no"></iframe>
        </div>
    </div>

</body>

</html>